﻿/*===================================================================================================
 ** CSECL css reset **  (normalize.css + 960 grid system + css library)
=====================================================================================================*/

/* ==========================================================================
   HTML5 显示定义
   ========================================================================== */

/*
 * 纠正 "block" 显示没有定义在 IE6/7/8/9 & FF3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * 纠正 "inline-block" 显示没有定义在 IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * 防止现代浏览器中显示“音频 ”不能控制
 * 清除多余的高度在iOS5设备。
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * 存在 “隐藏 ” 样式不的属性 IE7/8/9, FF3, S4.
 * 不支持IE6
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   基础部分
   ========================================================================== */

/*
 * 1. 纠正不正常的文本在 IE6/7 下，当 <body>里面的 "font-size" 使用
 *    "em" 单位.
 * 2. 防止iOS文本大小调整后的方向变化, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * 统一 "font-family" 在 "textarea" 元素和其他元素不一致问题 
 */

html,
button,
input,
select,
textarea {
    font-family:"Microsoft Yahei", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

/*
 * 纠正默认的 'margin' 在 IE6/7里面显示错误问题.
 */

body {
    margin: 0;
}

/* ==========================================================================
   链接
   ========================================================================== */

/*
 * 纠正 "outline" 在 Chrome and 和其他浏览器不一致问题.
 */

a:focus {
    outline: thin dotted;
}

/*
 * 改善当鼠标对<a>标签的:hover伪类的可读性
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   排版
   ========================================================================== */

/*
 * 统一 "font-sizes" 和 "margin" 默认设置不一致在 IE6/7.
 * 包括 "section" and "article" HTML5标签在现代浏览器 FF4+, Chrome, S5.中
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * 解决下面样式没有出现在 IE7/8/9, S5, Chrome.
 * 不支持 IE6
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * 统一默认样式在 FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * 统一默认样式在  S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * 统一默认样式在  IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * 统一下面元素 "margin" 样式在  IE6/7.
 */

p,
pre {
    margin: 0.5em 0;
}

/*
 * 统一 "font-family" 在下面标签的不统一 IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * 改善了可读性的格式化文本在所有的浏览器.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 改善 CSS "quotes"属性 不支持 IE6/7.
 */

q {
    quotes: none;
}

/*
 * 改善 "quotes" 属性，不支持 S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * 预防 "sub" and "sup" 影响 "line-height" 在所有的浏览器下面.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}
/* 取消chrome下textarea可拖动放大 */
textarea{resize:none}

/* 取消chrome下input和textarea的聚焦边框 */
input,button,select,textarea{outline:none}

/* ==========================================================================
   列表
   ========================================================================== */

/*
 * 统一下面标签 "margins" 的不同，在 IE6/7.
 */

dl,
menu,
ol,
ul {
    margin:0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * 统一下面标签 "paddings" 的不同，在 IE6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
    list-style: none;
}

/*
 * 纠正列表标签的样式不正常 IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   嵌入的内容
   ========================================================================== */

/*
 * 1. 清除<a>标签里面的<img>的 "border"样式  IE6/7/8/9, FF3.
 * 2. 提高图片的显示质量 IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * 纠正 "overflow" 的古怪 IE9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figure标签
   ========================================================================== */

/*
 * 纠正<figure>标签的 "margin" 属性不能出现在 IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   表格
   ========================================================================== */

/*
 * 纠正 "margin" 表现怪异 IE6/7.
 */

form {
    margin: 0;
}

/*
 * 定义一致的 "border", "margin", "padding".
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. 纠正 "color" 不能继承  IE6/7/8/9.
 * 2. 纠正 "text" 不能被包裹  FF3.
 * 3. 纠正队列表现异常 IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. 纠正 "font-size" 在所有的浏览器不继承
 * 2. 统一 "margin" 为 0  IE6/7, FF3+, S5, Chrome.
 * 3. 改善外观和一致性在所有的浏览器.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 改善 FF3/4 环境下 "line-height" 在 <input> 用 "!important" 的样式
 */

button,
input {
    line-height: normal;
}

/*
 * 1. 避开  WebKit 的 bug 在 Android 4.0.*
 * 2. 纠正 <input> 的样式在 iOS.
 * 3. 当光标到 <input> 和其他地方的时候，改进可用性和一致性 
 * 4. 删除内部间距 ，IE7中不影响正常文本输入。已知问题:IE6仍在内部间距问题。
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * 重置默认鼠标样式
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. 对"box-sizing" 设置 "content-box" IE8/9.
 * 2. 移除多余 "padding" IE8/9.
 * 3. 移除多余 "padding" IE7.
 *    不支持IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. "appearance" 设置默认的  "searchfield"  S5, Chrome.
 * 2. "box-sizing" 设置默认的 "border-box" S5, Chrome (include `-moz"
 *    to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * 清除了默认的 "padding" 和 搜索按钮 S5, Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * 清除了默认的 "padding" 和 "border" FF3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. 删除默认的垂直滚动条 IE6/7/8/9.
 * 2. 改善了可读性和对齐在所有的浏览器.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   表格
   ========================================================================== */

/*
 * 去除大部分间距表的单元格。
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*===================================================================================================
	960 栅格系统样式库
	根据960栅格系统修改（http://960.gs/），**添加调试样式功能**
	提示: 支持 IE6+
=====================================================================================================*/

body {
  min-width: 960px;
}

/* 960最外围容器  （默认居中，宽度960px）
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* 栅格系统 >> 基本共同样式
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* 栅格系统 >> 去掉首尾子代元素边距 (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* 栅格系统 >> 12列
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

/* 栅格系统 >> 16列
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* 调试样式 
---------------------------------------------------------------------------------------------------*/
.container_12 .grid_1_d { width: 58px;border:solid 1px blue; }
.container_12 .grid_2_d { width: 138px;border:solid 1px blue; }
.container_12 .grid_3_d,.container_16 .grid_4_d { width: 218px;border:solid 1px blue; }
.container_12 .grid_4_d { width: 298px;border:solid 1px blue; }
.container_12 .grid_5_d { width: 378px;border:solid 1px blue; }
.container_12 .grid_6_d,.container_16 .grid_8_d { width: 458px;border:solid 1px blue; }
.container_12 .grid_7_d { width: 538px;border:solid 1px blue; }
.container_12 .grid_8_d { width: 620px;border:solid 1px blue; }
.container_12 .grid_9_d,.container_16 .grid_12_d { width: 698px;border:solid 1px blue; } 
.container_12 .grid_10_d { width: 778px;border:solid 1px blue; }
.container_12 .grid_11_d { width: 858px;border:solid 1px blue; }
.container_12 .grid_12,.container_16_d .grid_16_d { width: 938px;border:solid 1px blue; }
.container_16 .grid_1_d { width: 38px;border:solid 1px blue; }
.container_16 .grid_2_d { width: 98px;border:solid 1px blue; }
.container_16 .grid_3_d { width: 158px;border:solid 1px blue; }
.container_16 .grid_5_d { width: 278px;border:solid 1px blue; }
.container_16 .grid_6_d { width: 338px;border:solid 1px blue; }
.container_16 .grid_7_d { width: 398px;border:solid 1px blue; }
.container_16 .grid_9_d { width: 518px;border:solid 1px blue; }
.container_16 .grid_10_d { width: 578px;border:solid 1px blue; }
.container_16 .grid_11_d { width: 638px;border:solid 1px blue; }
.container_16 .grid_13_d { width: 758px;border:solid 1px blue; }
.container_16 .grid_14_d { width: 818px;border:solid 1px blue; }
.container_16 .grid_15_d { width: 878px;border:solid 1px blue; }

/* 列的内边距 >> 公共
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}

/* 列的内边距 >> 12列
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* 列的内边距 >> 16列
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* 列的外边距 >> 公共
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}

/* 列的外边距 >> 12列
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* 列的外边距 >> 12列
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* 相对定位正偏移 >> 公共
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}

/* 相对定位正偏移 >> 12列
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* 相对定位正偏移 >> 16列
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* 相对定位负偏移 >> 公共
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}

/* 相对定位负偏移 >> 12列
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* 相对定位负偏移 >> 16列
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* 清除浮动
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

/*文字排版*/
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.ti2{text-indent:2em}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.url{text-decoration:underline}
.no_url{text-decoration:none}

/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}/*blockcenter*/
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.db{display:block}
.di{display:inline}
.dib{display:inline-block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}*html
.clearfix{height:1%}
.clearfix{display:block}
.vm{vertical-align:middle}/*垂直居中*/
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.par{position:absolute;right:0}
.zoom{zoom:1}
.oh{overflow:hidden}
.hidden{visibility:hidden}/*HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值*/
.none{display:none}/*HTML元素（对象）的宽度、高度等各种属性值都将“丢失”*/

/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w960{width:960px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h150{height:150px}
.h200{height:200px}
.h{height:100%}

/*边距*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p10{padding:10px}
.p15{padding:15px}
.p30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}

/* 调试样式 */
.border{border:solid 1px red;}/* 边框测试样式 */
.b999{background-color:#999}
.b888{background-color:#888}
.b777{background-color:#777}
.b555{background-color:#555}
.c999{color: #999;}
.chot{color: #0090ff;}
.ws{white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;}